import React from 'react';
import { Layout, } from 'antd';
import RouterView from '../../router/index'
import NavLeft from '../../components/navleft/index'
import styled from 'styled-components'
const MainBox = styled.div`
  width: 100%;
  height: calc(100vh - 130px);
`

const { Header, Footer, Sider, Content } = Layout;
const ContainerBox = styled.div`
  width: 100vw;
  height: 100vh;
`

export default class HomeIndex extends React.Component {


  render() {
    return <ContainerBox className="Home-Index">
      <Layout style={{ width: '100%', height: '100%' }}>
        <Header>Header</Header>
        <Layout>
          <Sider>
            <NavLeft></NavLeft>
          </Sider>
          <Content>
            <MainBox>
              <RouterView routes={this.props.routes}></RouterView>
            </MainBox>
            <Footer>Footer</Footer>
          </Content>
        </Layout>
      </Layout>
    </ContainerBox>
  }
}
